<template>
  <div>
    App
    <!-- 父组件在调用子组件的地方，添加自定义的属性 -->
    <!-- 如果属性值是变量，number类型，boolean，对象，数组，null， undefined
    需要使用绑定属性 -->
    <!-- <Child 
      :msg="msg" 
      :num="100" 
      :flag="true" 
      :to="{ name: 'detail', params: { id: 100} }"
      :arr="[1, 2, 3, 4]"
      :test="null"
      :un="undefined"
    />
    <Child /> -->
    <Slot>
      <div slot="header">111222</div>
      <div slot="footer">999888</div>
    </Slot>
  </div>
</template>
<script>
// import Child from './Child'
import Slot from './Slot'
export default { 
  data () {
    return {
      msg: 'hello world'
    }
  },
  components: {
    // Child
    Slot
  }
}
</script>